<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="referrer" content="no-referrer" />
    <title>电影推荐首页--豆瓣高分</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="/static/css/sb-admin.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    <!-- Page Specific CSS -->
    <link rel="stylesheet" href="/static/css/morris-0.4.3.min.css">
</head>

<body>
<div id="app">
    <div id="wrapper">

        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">电影推荐系统</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                {% comment %}  菜单栏  {% endcomment %}
                <ul class="nav navbar-nav side-nav">

                    <li class="active"><a href="http://127.0.0.1:8000/index/">
                        <i class="fa fa-indent"></i>&nbsp;&nbsp;&nbsp;首页</a>
                    </li>

                     <li class="">
                         <a href="http://127.0.0.1:8000/renmen/href/">
                       <i class="fa fa-fire"></i>&nbsp;&nbsp;&nbsp;热门电影推荐</a>
                    </li>

                     <li class="">
                         <a href="http://127.0.0.1:8000/new/href/">
                       <i class="fa fa-text-height"></i>&nbsp;&nbsp;最新电影推荐</a>
                    </li>

                    <li class="">
                         <a href="http://127.0.0.1:8000/jingdian/href/">
                       <i class="fa fa-bullhorn"></i>&nbsp;&nbsp;经典电影推荐</a>
                    </li>

                    <li class="">
                         <a href="http://127.0.0.1:8000/top/href">
                       <i class="fa fa-glass"></i>&nbsp;&nbsp;豆瓣高分电影推荐</a>
                    </li>

                     <li class="">
                         <a href="http://127.0.0.1:8000/comment/href">
                      <i class="fa fa-sort-amount-desc"></i>&nbsp;&nbsp;豆瓣最新影评</a>
                    </li>

                     <li class="">
                         <a href="http://127.0.0.1:8000/updtate/href/">
                       <i class="fa fa-wrench"></i>&nbsp;&nbsp;更新数据系统</a>
                    </li>


                    <li class="">
                         <a href="http://127.0.0.1:8000/all/href">
                      <i class="fa fa-sort-amount-desc"></i>&nbsp;&nbsp;所有电影</a>
                    </li>

                     <li class="">
                         <a href="http://127.0.0.1:8000/recommend/href">
                      <i class="fa fa-sort-amount-desc"></i>&nbsp;&nbsp;协同过滤推荐</a>
                    </li>

                </ul>

                <ul class="nav navbar-nav navbar-right navbar-user">
                    <li class="dropdown messages-dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i>
                            Messages
                            <span class="badge">7</span> <b class="caret"></b></a>

                    </li>
                    <li class="dropdown alerts-dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts
                            <span
                                    class="badge">3</span> <b class="caret"></b></a>

                    </li>
                    <li class="dropdown user-dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>
                            {%verbatim %} {{ userss }} {% endverbatim %} <b
                                    class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
                            <li><a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge">7</span></a></li>
                            <li><a href="#"><i class="fa fa-gear"></i> Settings</a></li>
                            <li class="divider"></li>
                            <li><a href="http://127.0.0.1:8000/login/"><i class="fa fa-power-off"></i> Log Out</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </nav>
        <div id="page-wrapper">


            <div class="row">
                <div class="col-lg-12">
                    <h2>首页
                        <small></small>
                    </h2>
                    <ol class="breadcrumb" style="margin-top: 20px">
                        <li class="active" style="height: 50px;color: #d2322d;font-size: 20px"><i class="fa fa-dashboard" style="font-size: 50px"></i>&nbsp;&nbsp;&nbsp;网站说明:为了不影响资源网站的服务器正常运行，本网站提供数据更新模块，保证客户需要的时候更新</li>
                    </ol>
                    <div class="jumbotron">
                        <h1 class="display-4">Movie,Recommend!</h1>
                        <p class="lead">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;随着互联网技术的快速发展与普及,人们开始由原来的去影院观看电影转移为网上观看电影为主,与之而来的就是网络上的大量影片,导致影片数据急剧增加。面对海量的电影信息,我们需要把影片推荐算法应用在电影产业上,这样是为了我们能够更看到更优质的影片,同时也可以推动推荐算法快速发展。推荐系统是解决在海量信息中获取用户想得到数据的利器,给用户带来良好的体验。通过python语言来搭建的影片推荐系统。 </p>
                        <hr class="my-4">
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;With the rapid development and popularization of Internet technology, people begin to watch movies online instead of going to the cinema, which is accompanied by a large number of movies on the Internet, resulting in a sharp increase in movie data.In the face of massive movie information, we need to apply the movie recommendation algorithm to the movie industry, so that we can see more high-quality movies and promote the rapid development of the recommendation algorithm.Recommendation system is a powerful tool to get data from mass information and bring good experience to users.Movie recommendation system built by python language.</p>
                        <a class="btn btn-primary btn-lg" href="#" role="button" style="margin-top: 20px">开始使用！</a>
                    </div>
                </div>
            </div><!-- /.row -->


        </div><!-- /#page-wrapper -->

    </div><!-- /#wrapper -->
</div>
<!-- JavaScript -->
<script src="/static/js/jquery-1.10.2.js"></script>
<script src="/static/js/bootstrap.js"></script>

<!-- Page Specific Plugins -->
<script src="/static/js/raphael-min.js"></script>
<script src="/static/js/morris-0.4.3.min.js"></script>
<script src="/static/js/morris/chart-data-morris.js"></script>
<script src="/static/js/tablesorter/jquery.tablesorter.js"></script>
<script src="/static/js/tablesorter/tables.js"></script>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            userss: ""
        },
        created() {
            // 判断是否已经登录
            this.userss = sessionStorage.getItem("username");
            if (this.userss == null) {
                alert("抱歉，您还未登录");
                window.location.href = "http://127.0.0.1:8000/login/"
            }

        },


    })
</script>


</body>
</html>
